<template>
    <div>
        <!-- <h1>{{ $route.query.id }}</h1>
        <h2>{{ $route.query.title }}</h2>
        <h2>{{ $route.query.content }}</h2> -->
        <!-- <h1>{{ $route.params.id }}</h1>
        <h2>{{ $route.params.title }}</h2>
        <h2>{{ $route.params.content }}</h2> -->

        <h1>{{ id }}</h1>
        <h2>{{ title }}</h2>
        <h2>{{ content }}</h2>
    </div>
</template>

<script>
    export default {
        name: 'DetailComponent',
        props: ['id', 'title', 'content'],
    }
</script>

<style>

</style>